<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>系统登录 - 724便利店管理系统</title>
    <%--引入c标签库--%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <%--给${pageContext.request.contextPath}设置 变量/别名--%>
    <c:set var="ctx" value="${pageContext.request.contextPath}"/>
    <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath }/statics/css/style.css" />
    <script type="text/javascript">
        /* if(top.location!=self.location){
              top.location=self.location;
         } */
    </script>
</head>
<body class="login_bg">
<section class="loginBox">
    <header class="loginHeader">
        <h1>724便利店管理系统</h1>
    </header>
    <section class="loginCont">
<%--        action="${pageContext.request.contextPath }/user/login"--%>
        <form class="loginForm" action="${pageContext.request.contextPath }/user/login"  name="actionForm" id="actionForm"  method="get" >
            <div class="inputbox">
                <label for="user">账号：</label>
                <input type="text" class="input-text" id="account" name="account" placeholder="请输入账号" required/>
            </div>
            <div class="inputbox">
                <label for="mima">密码：</label>
                <input type="password" id="password" name="password" placeholder="请输入密码" required/>
            </div>
            <div class="info">${error }</div>
            <div class="subBtn">

                <input type="submit" value="登录"/>
                <input type="reset" value="重置"/>
            </div>
        </form>
    </section>
</section>
</body>
<%--${ctx}是 ${pageContext.request.contextPath}的简写版。--%>
<%--同时发现在项目的index.jsp文件内有这样一段话的配置，<c:set var="ctx" value="${pageContext.request.contextPath}"/>。--%>
<%--在此值得注意的是，在使用${ctx}的时候一定不要忘记把带有该配置的<c:set var="ctx" value="${pageContext.request.contextPath}"/>的文件引入到当前页面来。--%>
<script src="${ctx}/statics/js/jquery-1.8.3.min.js"></script><%--引用本地jQuery--%>
<%--在线引用, 百度压缩版引用地址:  /InterestingShop_war_exploded/--%>
<%--　　<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>--%>
<%--<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>--%>
<%--<script src="${pageContext.request.contextPath}/statics/js/common/jquery-1.8.2.min.js"></script>--%>
<%--<script>
    var flags=false;
    var vercode = 0;

    $(function(){
        $("[type=button]").click(function(){
            //alert(222);

            //获取表单字段:登录用户名,密码,确认密码,真实姓名,性别 (非必填:身份证号, 邮箱, 手机号)
            var account = $("[name=account]").val();//获取用户名
            var password = $("[name=password]").val();

            //用户名正则，3到16位（字母，数字，下划线，减号）
            var uPattern = /^[a-zA-Z0-9_-]{3,16}$/;
            //校验密码：只能输入6-20个字母、数字、下划线
            var pwdPattern = /^(\w){6,16}$/;

            if (account == "" || account == null) {//判断手机号码是否为空
                alert("用户名不能为空");
                flags=false;
            } else if (!uPattern.test(account)) {//判断手机号码是否输入正确
                alert("用户名格式不正确,应为3到16位（字母，数字，下划线，减号）");
                flags=false;
            }else if (password == "" || password == null) {//判断手机号码是否为空
                alert("密码不能为空");
                flags=false;
            } else if (!pwdPattern.test(password)) {//判断手机号码是否输入正确
                alert("密码格式不正确,只能输入6-20个字母、数字、下划线");
                flags=false;
            }else if(pwdPattern.test(password)){
                flags=true;
            }

            if(flags==true){
                alert("js : account="+account+", password="+password);
                $.ajax({
                    //"url":"/InterestingShop_war_exploded/sysuser/doLogin",//提交地址:servlet地址或Web网页地址
                    "url":"/${ctx}/doLogin",//提交地址:servlet地址或Web网页地址
                    "type":"GET",//提交方式:get||post
                    "data":{
                        "account"	:account,
                        "password"	:password
                    },
                    "dataType":"text",
                    "success":function(res){
                        alert("ajax:success() res= "+res);
                        if(res.indexOf("成功 true")>-1){
                            //alert("ajax:success() : 登录成功 !");
                            window.location.href="${ctx}/index";//  href="/index"无法跳转:
                        }else{
                            alert("ajax:success() : 登录失败 !!!");
                            //window.reload();
                        }
                    },
                    "error":function(){
                        alert("ajax:error() : login");
                    }
                });
            }
        });
    });

</script>--%>
</html>
